
@backGroundBase: ff8a00;

/* 底部导航按钮 */
.bottom_nav{
	overflow: hidden;
	position: fixed;
	z-index: 999;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #fff;
	display:-moz-box;
	display:-webkit-box;
	display:box;
	&:before{
		.borderTop();
	}
}

// ff8a00
.bottom_nav > a{
	height: 55px;
	color: #999;
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
	display: block;
	outline:none;
	transition-duration: 150ms;
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
}

.bottom_nav > a i{
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	content: '\20';
	display: block;
	margin: 0 auto 2px auto;
}

.bottom_nav .nav_search i{
	background-image: url(../images/navs/iconfont-sort.png);
	background-position: center;
	background-size: 22px;
}

.bottom_nav .nav_search.hover i{
	background-image: url(../images/navs/iconfont-sort-h.png);
}

.bottom_nav .nav_shopcart i {
	background-image: url(../images/navs/iconfont-ggg.png);
	background-position: center;
	background-size: 23px;
}

.bottom_nav .nav_shopcart.hover i {
	background-image: url(../images/navs/iconfont-ggg-h.png);
}

.bottom_nav .nav_me i{
	background-image: url(../images/navs/iconfont-me.png);
	background-position: center;
	background-size: 22px;
}

.bottom_nav .nav_me.hover i{
	background-image: url(../images/navs/iconfont-me-h.png);
}

.bottom_nav .nav_gift i{
	background-image: url(../images/navs/iconfont-gift.png);
	background-position: center;
	background-size: 22px;
}

.bottom_nav .nav_gift.hover i{
	background-image: url(../images/navs/iconfont-gift-h.png);
}

.bottom_nav .nav_index i{
	background-image: url(../images/navs/iconfont-home.png);
	background-position: center;
	background-size: 25px;
}

.bottom_nav .nav_index.hover i{
	background-image: url(../images/navs/iconfont-home-h.png);
}

.bottom_nav > a.hover{
	border-bottom-color:@backGroundBase;
	//background: #eaeaea;
	//background: rgba(238,238,238,0.9);
	color: @backGroundBase;
}